<template>
    <div class="navigations">
        <!-- 导航 -->
        <el-row class="flex align">
          <el-col :span="24" class="flex align">
            <el-button type="text" @click="$emit('navEvent')"><i class="el-icon-arrow-left"></i>返回
            </el-button>
            <el-divider direction="vertical"></el-divider>
            <span class="detail-tit">{{navtitle}}</span>
          </el-col>
        </el-row>
        <div  class="colse" @click="$emit('navEvent')">
            <i class="el-icon-close"></i>
        </div>
    </div>
</template>

<script>
export default {
    props:{
        navtitle:{
            type: String,
            default:''
        }
    }
}
</script>

<style lang="scss" scoped>
    .navigations{
        display: flex;
        justify-content: space-between;
        align-items: center;
        .colse{
            cursor: pointer;
        }
    }
</style>
